<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>投股中心</title>
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <style>
        #pullDown {
            overflow: hidden;
            min-height: 100%;
        }

        .loading-warp {
            display: table;
            width: 100%;
            margin-top: -7rem;
            height: 7rem;
            overflow: hidden;
        }

        .loading-warp .box {
            width: 100%;
            padding-top: 1rem;
            padding-bottom: 1rem;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

        .loading-warp .box img {
            display: block;
            width: 1.5rem;
            height: 1.5rem;
            margin: 0 auto;
        }

        .loading-warp .box .text {
            display: block;
            text-align: center;
            font-size: 1rem;
            line-height: 1rem;
            opacity: 0.7;
            margin-top: 1.5rem;
        }
    </style>
</head>
<body class="uf uf-ver">

<!--header-->
<div id="header">
    <div class="main">天鼎投资</div>
</div>

<!--content-->
<div id="content" class="uf-f">
    <div id="pullDown" style="padding: 1.25rem .5rem">
        <div class="loading-warp">
            <div class="box">
                <div>
                    <img src="img/loading.gif"/>
                    <span class="text">下拉开始刷新</span>
                </div>
            </div>
        </div>
        <div class="uf aLinkLi">
            <a href="stockPool.html" class="uf-f">
                <div class="icon link-stock"></div>
                股票池</a>

            <div class="line"></div>

            <a href="operateStrategy.html" class="uf-f">
                <div class="icon link-strategy"></div>
                大盘观点</a>
        </div>

        <div class="uf aLinkLi">
            <a href="myOrder.html" class="uf-f">
                <div class="icon link-order"></div>
                我的订单</a>

            <div class="line"></div>

            <a href="VIP.html" class="uf-f">
                <div class="icon link-VIP"></div>
                升级VIP</a>
        </div>

        <div class="uf aLinkLi">
            <a href="liveRoom.html" class="uf-f">
                <div class="icon link-TV"></div>
                直播间</a>

            <div class="line"></div>

            <a href="newsLi.html" class="uf-f">
                <div class="icon link-news"></div>
                财经资讯</a>
        </div>

        <div class="uf aLinkLi">
            <a href="charDetail.html?tag=teacher" class="uf-f">
                <div class="icon link-teacher"></div>
                联系老师</a>

            <div class="line"></div>

            <a href="charDetail.html?tag=server" class="uf-f">
                <div class="icon link-server"></div>
                联系客服</a>
        </div>
    </div>
</div>

<!--footer-->
<div id="footer" class="uf">
    <a href="index.html" class="uf-f active">
        <div class="footIcon"></div>
    </a>
    <a href="chatLi.html" class="uf-f">
        <div class="footIcon"></div>
    </a>
    <a href="login.html" class="uf-f unLogin">
        <!--class unLogin 显示未登录状态，对应打开login.html-->
        <!--class login 显示已登录状态，对应打开myCenter.html-->
        <div class="footIcon"></div>
    </a>
</div>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/p-pull-refresh.js"></script>
<script type="text/javascript" src="js/layer_mobile/layer.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script>
    $(document).ready(function () {
        var $status = $('.loading-warp .text');
        var $pullDown = $('#pullDown');
        $pullDown.pPullRefresh({
            $el: $pullDown,
            $loadingEl: $('.loading-warp'),
            callbacks: {
                pullInit: function () {
                    $status.text('下拉开始刷新');
                },
                pullStart: function () {
                    $status.text('松开刷新');
                },
                start: function () {
                    $status.text('开始刷新');
                    window.location.reload();//刷新整个页面
                }
            }
        });

    });

    (function () {
        if (sessionStorage.getItem('index.renewWarn'))return;
        sessionStorage.setItem('index.renewWarn', 1);
        var content = '我们已为您服务了<span class="tcWarn">30</span>天，还有<span class="tcWarn">50</span>天到期，若对我们的服务还满意，请立即续费'
        layer.open({//询问框
            title: '提醒',
            content: content,
            btn: ['立即续费', '取消'],//从右到左
            yes: function (layerId) {

                layer.close(layerId);//关闭
            }
        });

    })();
</script>

</body>
</html>